<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>美食天地</title>
<link rel="stylesheet" href="css/login.css" type="text/css"/>
<style type="text/css">
#apDiv1 {
	position: absolute;
	left: 315px;
	top: 472px;
	width: 667px;
	height: 499px;
	z-index: 1;
}
body {
	background-color: #666;
}
</style>
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) 
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
</script>
</head>

<body>

<div class="center">
<div id="apDiv1" onfocus="MM_showHideLayers('apDiv1','','hide')" >
  <table width="669" height="493" border="0">
  
  
    <tr>
      <td width="168" height="138"><div align="center"><img src="image/timg (1).jpg" width="206" height="187" /></div></td>
      <td width="172"><div align="center"><img src="image/timg (3).jpg" width="201" height="182" /></div></td>
      <td width="188"><div align="center"><img src="image/timg (5).jpg" width="227" height="182" /></div></td>
    </tr>
    <tr>
      <td height="30"><div align="center">三文鱼</div></td>
      <td><div align="center">蜜汁牛排</div></td>
      <td><div align="center">水龙戏珠</div></td>
    </tr>
    <tr>
      <td height="142"><div align="center"><img src="image/timg (4).jpg" width="198" height="194" /></div></td>
      <td><div align="center"><img src="image/timg (8).jpg" width="200" height="187" /></div></td>
      <td><div align="center"><img src="image/timg (2).jpg" width="227" height="188" /></div></td>
    </tr>
    <tr>
      <td height="28"><div align="center">熏肉拼盘</div></td>
      <td><div align="center">火烤羊排</div></td>
      <td><div align="center">开心汉堡</div></td>
    </tr>
  </table>
</div><p>
<div class="center">
  <p>&nbsp;</p>
  

</div>
<script type="text/javascript">
var ele=document.getElementsByTagName("html")[0],  
     size=document.body.clientWidth/320*20;  
ele.style.fontSize=size+"px"</script>  
<a href="#">皇家蒸米粉</a>
<a href="#">欢喜黄焖鸡 </a>
<label for="select"></label>
<a href="#">辉辉麻辣烫</a></p>
<p>

  
  </p>
  <select  name="select2"  id="select2" style="width:120px; height: 50px; font-size: 30px;" >
    <option>甜品区</option>
    <option>蛋糕</option>
    <option>酸奶</option>
  </select>
  <p>
<p>&nbsp;</p>
  <p>
    <select name="select3" id="select3" style="width:120px; height: 50px; font-size: 30px;">
      <option>饮料区</option>
      <option>鸡尾酒</option>
      <option>果汁</option>
    </select>
  </p>
  </p>
  <select name="select4" id="select4" style="width:120px; height: 50px; font-size: 30px;">
    <option>零食区</option>
    <option>薯片</option>
    <option>坚果</option>
  </select>
  <p>
  <p>&nbsp;</p>
  <p>
    <select name="select" id="select" style="width:150px; height: 50px; font-size: 30px;">
      <option>热销菜式</option>
      <option>肉类</option>
      <option>蔬菜类</option>
    </select>
  </p>
  </p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
</body>
</html>
